<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <link rel="icon" href="./img/asset-favicon.ico"/>
    <title>社交-活动</title>
    <!-- 页面 css js -->
    <!--<script type="text/javascript" src="../../plugins/sui/sui.min.js"></script>-->
    <link rel="stylesheet" type="text/css" href="./plugins/normalize-css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/yui/cssgrids-min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/sui/sui.min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/sui/sui-append.min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="./css/widget-base.css"/>
    <link rel="stylesheet" type="text/css" href="./css/widget-head-foot.css"/>
    <link rel="stylesheet" type="text/css" href="./css/page-sj-activity-index.css"/>
    <link rel="stylesheet" type="text/css" href="./css/page-sj-headline-login.css"/>
</head>
<body>
<!--引用组件-->

<div id="vm">

</div>
    <div class="activity-head">

    </div>

    <!--中间布局-->
    <div class="wrapper activities" id="app">
        <div class="activity-card-list">
            <div class="top-title">
                <h4 class="latest">最新活动</h4>
                <div class="clearfix"></div>
            </div>

            <div class="activity-list">
                <ul class="activity">
                    <li class="activity-item" v-for="activity in activitys">
                        <div class="activity-inner">
                            <a href="http://"></a>
                            <div class="img">
                                <a :href="'./activity-detail.html?id='+activity.id" target="_blank"><img
                                        :src="activity.image" alt=""/></a>
                            </div>
                            <div class="text">
                                <p class="title">{{ activity.title }}</p>
                                <div class="fl goin">
                                    <p>时间:{{ activity.start_time |str2date | str2ymd }} {{ activity.start_time |
                                        str2date | str2week }}</p>
                                    <p>城市:{{ activity.city }}</p>
                                </div>
                                <div class="fr btn">
                                    <span class="sui-btn btn-bao">立即报名</span>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>


<!--底部版权-->
<div class="footer">

</div>
</body>
</html>

<script src="./js/vue-2.5.16.js"></script>
<script src="./js/axios-0.18.0.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/base.js"></script>
<script src="./js/activity-index.js"></script>
<script src="plugins/jquery/dist/jquery.min.js">
</script>




